@def selectionBorderWidth 2px;

.cellTableWidget {
    border-width: 0px;
    border-spacing: 1px;
    background-color: #a9a9a9;
}

.cellTableFirstColumn {

}

.cellTableLastColumn {

}

.cellTableFooter {
    overflow: hidden;
    background-color: whiteSmoke;
	cursor: default;
}

.cellTableHeader {
    padding: 0;
    text-align: left;
    color: black;
    border-width: 0px;
    background-color: #E6E6E6;
}

.cellTableCell {
    overflow: hidden;
}

.cellTableFirstColumnFooter {

}

.cellTableFirstColumnHeader {

}

.cellTableLastColumnFooter {

}

.cellTableLastColumnHeader {
}

.cellTableSortableHeader {
    cursor: pointer;
    cursor: hand;
}

.cellTableSortableHeader:hover {
    color: #6c6b6b;
}

.cellTableSortedHeaderAscending {

}

.cellTableSortedHeaderDescending {

}

.cellTableEvenRow {
    background: #ffffff;
}

.cellTableEvenRowCell {
    border-style: solid;
    border-color: #ffffff;
}

.cellTableOddRow {
    background: #f3f7fb;
}

.cellTableOddRowCell {
    border-style: solid;
    border-color: #f3f7fb;
}

.cellTableHoveredRow {
    background: #eee;
}

.cellTableHoveredRowCell {
    border-style: solid;
    border-color: #eee;
}

.cellTableKeyboardSelectedRow {
    background: #ffc;
}

.cellTableKeyboardSelectedRowCell {
    border-style: solid;
    border-color: #ffc;
}

.cellTableSelectedRow {
    background: #628cd5;
    color: white;
    height: auto;
    overflow: auto;
}

.cellTableSelectedRowCell {
    border: selectionBorderWidth solid #628cd5;
}

    /**
    * The keyboard selected cell is visible over selection.
    */
.cellTableKeyboardSelectedCell {
    border: blue solid selectionBorderWidth;
}

.cellTableLoading {
    margin: 30px;
}
